/* --------------------------- base html --------------------------- */
body
{
	background-color:#E6E9E9;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
}
form{ margin:0px; padding:0px; }
a{ color: #09C; text-decoration:none; }
a:hover{ text-decoration:underline; }
td
{
	vertical-align:top;
}
fieldset{
	border-radius:5px;
}

/* --------------------------- common css --------------------------- */
.short{
	width:100px;
}
.medium{
	width:200px;
}
.long{
	width:300px;
}


.textfield, .textarea
{
	background:#FFF url(../images/input_bg.gif) repeat-x -15px 0px;
	border-radius:5px;
	border:#CCC solid 1px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	padding:4px;
}
.combofield
{
	background:#FFF url(../images/input_bg.gif) repeat-x -15px 0px;
	border-radius:5px;
	border:#CCC solid 1px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	padding:2px;
}
.textfield:focus, .textarea:focus, .combofield:focus
{
	background:#FFF;
	-moz-box-shadow: 0 0 6px #AAA;
	-webkit-box-shadow: 0 0 60px #AAA;
	box-shadow: 0 0 6px #AAA;
}
.lov_clear{
	border:none;
	cursor:pointer;
	height:15px;
	width:15px;
	left:-38px; 
	position:relative;
	top:-4px;
	margin:0;
	padding:0;
	background: transparent url(../images/lov_clear.png) top left no-repeat;
}
.lov_clear:hover{
	background: transparent url(../images/lov_clear.png) no-repeat scroll 0 -15px;
}
.lov_clear:active{
	background: transparent url(../images/lov_clear.png) no-repeat scroll 0 -45px;
}

.noempty{ }
.readonly
{
	color:#474646;
	background: #DDDDDD !important;
}
.readonly:focus
{
	background: #EDEDED !important;
}

.error_field, #message_info{
	color:#FF3;
}
.middle_container .error_field, .middle_container #message_info{
	color:#F00;
	font-size:11px;
}
.button_set{
	float:left;
	margin-left:5px;
}
.clearit {
	clear:both;
}

.tb_form{ padding:0px; margin:0px 0px 20px 0px; }
.tb_form td{ vertical-align:top; padding:4px; }
.tb_form td.label{ min-width:150px; padding-right:20px; }


/*-----------message info--------------*/
.err_field{
	display:inline-block;
}
.err_field .textarea, .err_field .textfield, .err_field .combofield{
	border-color:#CD0A0A !important;
	background:#FEF1EC !important;
	white-space:nowrap;
}
.err_msg
{
	border-color:#CD0A0A !important;
	background:#FEF1EC !important;
}
.success_msg
{
    border:solid 1px #2e8b09;
    background:#d4fdc3  url(../images/ico_success.png) no-repeat 8px 4px;
    padding:5px 10px 5px 30px;
    margin:0 1px 5px 1px;
    color:#2e8b09;
}

.warning_msg
{
    border:solid 1px #fcbe03;
    background:#fcfad2  url(../images/ico_warning_msg.png) no-repeat 8px 4px;
    padding:5px 10px 5px 30px;
    margin:0 1px 5px 1px;
    color:#000000;
}

.error_msg
{
    border:solid 1px #fb5b5b;
    background:#fbe2e2  url(../images/ico_error.png) no-repeat 8px 4px;
    padding:5px 10px 5px 30px;
    margin:0 1px 5px 1px;
    color:#ce3232;
}

.info_msg
{
    border:solid 1px #336ac4;
    background:#dce9fe  url(../images/ico_info.png) no-repeat 8px 4px;
    padding:5px 10px 5px 30px;
    margin:0 1px 5px 1px;
    color:#1b50a5;
}


/* --------------------------- debuging for developer --------------------------- */
#content_debug .debuglist{
	background:url(../images/ico_info.png) no-repeat 5px 8px;
	border-bottom:#CCC solid 1px;
	font-size:11px;
	padding:10px 0px 10px 30px;
}
#content_debug .error{
	background:url(../images/ico_error.png) no-repeat 5px 8px !important;
}
#content_debug .warning{
	background:url(../images/ico_warning_msg.png) no-repeat 5px 8px !important;
}
#content_debug .success{
	background:url(../images/ico_success.png) no-repeat 5px 8px !important;
}


/* --------------------------- loading --------------------------- */
#content_block{
	background: none;
	position:fixed;
	filter:alpha(opacity=70);
	opacity: .7;
	-moz-opacity: .7;
	z-index:10000;
}
#content_loading{
	background: #FFF;
	border:#CCC solid 1px;
	border-radius:10px;
	position:fixed;
	width:300px;
	filter:alpha(opacity=85);
	opacity: .85;
	-moz-opacity: .85;
	z-index:10001;
	font-size:13px;text-align:center;padding:80px 0px;
}


a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
#backtoblog{
	background-color:#DCDCDC;
	border-bottom:#666 solid 1px;
	padding:10px 30px;
	margin:0px;
}
#backtoblog a{
	color:#000;
}
.login_logo{
	background:url(../images/logo-login.gif) left top no-repeat;
	width:310px;
	height:70px;
	margin:0 auto;
	margin-top:80px;
}
.login_box{width:280px; font-size:12px; margin:0 auto; margin-top:20px; padding:16px 16px 40px 16px;font-weight:normal;-moz-border-radius:11px;-khtml-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;background:#fff;border:1px solid #e5e5e5;-moz-box-shadow:rgba(200,200,200,1) 0 4px 18px;-webkit-box-shadow:rgba(200,200,200,1) 0 4px 18px;-khtml-box-shadow:rgba(200,200,200,1) 0 4px 18px;box-shadow:rgba(200,200,200,1) 0 4px 18px;}
.login_box input{ background-color:#F9F9F9; border:#CCC solid 1px; color:#999; margin:5px 0px; width:97%; font-size:18px; padding:5px; }
form .forgetmenot{font-weight:normal;float:left;margin-bottom:0;}
.button-primary{background:url(../images/button-grad.png) left top repeat-x; display:block; width:auto !important; margin:0 auto !important; font-size:12px !important; color:#FFFFFF !important; font-weight:bold; font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;padding:3px 10px !important;border:none;font-size:12px;border-width:1px;border-style:solid;-moz-border-radius:11px;-khtml-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;cursor:pointer;text-decoration:none;margin-top:-3px;}



/* ------------ >> Header -------------- */
#app_header {
    background: #121b39 url(../images/be_header_bg.gif) repeat-x top left;
    border-bottom:0px solid #ffffff;
    height:50px;
    left:0; 
	min-width:1024px;
    position:fixed; 
    top:0; 
    width:100%;
    z-index:300;
}
#app_header .left{
	background: url(../images/be_logo.jpg) no-repeat top left;
	width:520px;
	height:50px;
	float:left;
}
#app_header .right{
	background: url(../images/be_app_name.jpg) no-repeat top right;
	width:498px;
	height:50px;
	float:right;
}
#app_header .kstore{
	background: url(../images/be_app_name.kstore.jpg) no-repeat top right !important;
}
#app_header .building{
	background: url(../images/be_app_name.building.jpg) no-repeat top right !important;
}

#app_navigation{
	background:#fafafa;
	border-bottom:#aaadad solid 1px;
	padding: 1px 10px 0px 10px;
	position:fixed; 
	top:50px;
	height:30px;
	min-width:900px;
	width:100%; 
	z-index:300;
	-moz-box-shadow: 0 0 4px black; 
	-webkit-box-shadow: 0 0 40px black; 
	box-shadow: 0 0 4px black;
}
#app_navigation .left{ float:left; margin:0px; padding:0px; }
#app_navigation .right{ float:right; margin:0px 30px 0px 0px; padding:0px; }

/* ------------ >> Container -------------- */
#container {
    margin:0px;
	min-width:500px;
	overflow:auto;
    padding:8px 10px 80px 10px;
    z-index:100;
}

.datagrid{
	background:#FFF;
}
.content_box
{
	margin:0px auto;
	min-width:800px;
	padding:0px;
}
.content_box .head
{
	background:url(../images/grid_t_body.png) top repeat-x;
	color: #727272;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	height:38px;
	position:relative;
	z-index:1;
}
.content_box .head .tl
{
	background:url(../images/grid_tl_corner.png) top left no-repeat;
	float:left;
	padding:10px 10px 10px 20px;
	
}
.content_box .head .tr
{
	background:url(../images/grid_tr_corner.png) top right no-repeat;
	float:right;
	padding:10px;
	margin-right:-1px;
}
.content_box .head .tr .button_set{ position:absolute; top:7px; right:10px; }
.content_box .head .tr button
{
	font-size:11px;
	padding:0px;
}
.content_box .content
{
	background:#f8f8f8 url(../images/grid_l_body.png) left repeat-y;
	border-right:#CCC solid 1px;
	padding:5px 8px 5px 8px;
}
.content .separator
{
	border-bottom:#CCC solid 1px;
	display:block;
	margin:-5px -5px 5px -5px;
}
.content_box .foot, .content .foot
{
	background: url(../images/grid_b_body.png) repeat-x;
	border-top:#CCC solid 1px;
	color: #727272;
	font: 14px/16px Arial, Helvetica, sans-serif;
	height:39px; 
	padding-bottom:5px;
}

.content_box .foot .bl, .content .foot .bl
{
	background:url(../images/grid_bl_corner.png) top left no-repeat;
	float:left;
	padding: 10px 15px 12px 25px;
	margin-top:1px;
}
.content_box .foot .br, .content .foot .br
{
	background:url(../images/grid_br_corner.png) top right no-repeat;
	float:right;
	padding: 10px 25px 12px 15px;
	margin-top:1px;
	margin-right:-1px;
}

/* ------------ >> Dashboard -------------- */
#dashboard_pagewidth  {
	margin-left:auto;
	margin-right:auto;
	width:996px;
}
#left_side_content 
{
	float:left;
	margin-left:0px;
	padding:0;
	overflow:hidden;
	width:760px;
}
div#dashboardbox {
	background:url("../images/bg_dashboard_wrap.png") repeat-y scroll center center transparent;
	width:759px;
}
div#dashboardboxheader  {
	background:url("../images/bg_dashboard_header.png") no-repeat scroll center top transparent;
	color:#515050;
	font:bold 20px/24px Arial,Helvetica,sans-serif;
	height:25px;
	padding:20px 0 0 30px;
}
div#dashboardboxbody  {
	background:url("../images/bg_dashboard_footer.png") no-repeat scroll center bottom transparent;
	color:#515050;
	font:18px/25px Arial,Helvetica,sans-serif;
	padding:0px 10px 20px 22px;
}
#right_side_content {
	float:right;
	margin:0 0;
	overflow:hidden;
	width:228px;
}
div.widgetbox {
	background:url("../images/bg_widget_wrap.gif") repeat-y scroll center center transparent;
	width:227px;
}
div.widgetboxheader {
	background:url("../images/bg_widget_header.gif") no-repeat scroll center top transparent;
	color:#515050;
	font:bold 14px/24px Arial,Helvetica,sans-serif;
	height:30px;
	padding:8px 0 0 20px;
}
div.widgetboxbody {
	background:url("../images/bg_widget_footer.gif") no-repeat scroll center bottom transparent;
	color:#515050;
	font:12px/14px Arial,Helvetica,sans-serif;
	padding:10px 20px 20px;
}
div.widgetboxbody ul {
	padding-left:15px;
}
.cpanel {
	text-align:center;
	vertical-align:middle;
}
.cpanel div.icon {
	margin:4px;
}
.cpanel div.icon a {
	background:none repeat scroll 0 0 #EFF2F3;
	border:1px solid #DDDDDD;
	display:block;
	float:left;
	height:100px !important;
	padding:2px 5px 1px;
	text-decoration:none;
	vertical-align:middle;
	width:110px !important;
}
.cpanel div.icon a:link {
	color:#808080;
}
.cpanel div.icon a:hover {
	background-color:#DEF6F8;
	border:1px solid #94E9F2;
	color:#333333;
	padding:3px 4px 0 6px;
}
.cpanel div.icon a:active {
	color:#808080;
}
.cpanel div.icon a:visited {
	color:#808080;
}
.cpanel div.icon img {
	margin-top:13px;
}
.cpanel div.icon span {
	color:#3D3C3C;
	display:block;
	font:14px/16px Arial,Helvetica,sans-serif;
	padding-top:3px;
}

/* ------------ >> Footer -------------- */
#app_footer {
    background: #121b39 url(../images/bg_footer_blue.gif) top right no-repeat;
    border-top: 3px solid #2f4380;
    bottom:0; 
    color:#ffffff; 
    position:fixed; 
    height:27px; 
	min-width:900px;
    left:0;
    overflow:auto;
    width:100%; 
    z-index:200;
	-moz-box-shadow: 0 0 4px black; 
	-webkit-box-shadow: 0 0 40px black; 
	box-shadow: 0 0 4px black;
}
* html #app_footer {height:27px;}
#app_footer p {
    color:#ffffff; 
    font-size:10px;
    font-family: verdana, tahoma, arial, sans-serif;     
    margin:5px 10px 0px 10px;
}
#app_footer a {
    color: #8194ce;
    text-decoration: none;
}
#app_footer a:hover {
	color: #09F;
}
#app_footer .left {float:left; margin-left:12px}
#app_footer .right {float:right;}